<% @title = "Serve - Delicious ERB, Haml + Sass" %>
<% @selected = "home" %>

<% @page_title = "Build fantastic websites with your favorite template languages." %>
<ul class="features">
  <li>ERB, Haml, Markdown, Textile, and more!</li>
  <li>Views, partials &amp; layouts</li>
  <li>Perfect for Websites or HTML mockups</li>
</ul>

<% content_for :before_content do %>
  <div class="featured-video">
    <%= link_to (image_tag "/images/video_thumb.jpg"), 'http://www.youtube.com/embed/GOUNTa8ME2o?rel=0&hd=1&autoplay=1"', class: 'video', title: "Serve Intro Video" %>
  </div>
<% end %>

<div class="get-started"><a class="button large arrow" href="/get-started">Get Started</a></div>

<section class="three-column-grid features">
  <section>
    <h4>Views, Partials &amp; Layouts</h4>
    <p>Serve provides the equivalent of the Views part of the Rails MVC.
      Partials and layouts make it possible to extract common parts of your
      website into reusable chunks and templates. Use helper methods to
      simplify complex logic.</p>
  </section>

  <section>
    <h4>Sass &amp; Compass, built in!</h4>
    <p>Manage the chaos of your stylesheets with Sass and Compass! Sass adds
      features like mixins and variables to CSS. Compass provides a
      &#8220;standard library&#8221; of sorts or all manner of CSS wizardry.</p>
  </section>

  <section>
    <h4>Static or dynamic&#8201;&#8211;&#8201;Your choice</h4>
    <p>Edit and tweak your websites on-the-fly with the Serve server. And when
      you are ready to deploy, you have two options. Either export to a pure
      HTML static site or deploy the source on any Ruby-friendly web host.</p>
  </section>

  <section>
    <h4>Great for Rails prototypes</h4>
    <p>If you use a &#8220;Design First&#8221; workflow for your web apps you
      can use Serve to build working HTML prototypes (or mockups) of the finished
      application to test flow and design decisions, before turning it over to
      the developers.</p>
  </section>

  <section>
    <h4>Serve&#8201;+&#8201;Git&#8201;=&#8201;The Perfect CMS</h4>
    <p>Since Serve uses plain text files, you can store a project in Git or any
      other version control system. Combine it with Textile or Markdown and
      you&#8217;ll achieve the perfect Content Management System for
      developers.</p>
  </section>

  <section>
    <h4>Made with Rack &amp; Tilt</h4>
    <p>Serve uses Rack and Tilt under the covers. Rack makes it possible to
      combine Serve with Rails or Sinatra. Tilt allows you to use Serve with
      almost any Ruby-based Template library. ERB, Haml, Slim, Liquid,
      Markdown, or Textile.</p>
  </section>
</section>

<section class="twitter box">
  <p>Want to get the latest news about Serve? Follow <a href="http://twitter.com/serveapp">@ServeApp</a> on Twitter.</p>
</div>
